<div mt-layout="{ spacing_open: 0 }" style="width: 100%; height: 100%;">
    <div class="ui-layout-center">

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade active in" id="permissionlist" mt-layout="{ spacing_open: 0 }">
                <div class="ui-layout-north">
                    <ol class="breadcrumb">
                        <li>用户和权限</li>
                        <li><a href="../../user/permission">权限管理</a></li>
                        <li class="active">权限列表</li>
                    </ol>
                </div>
                <div class="ui-layout-center" mt-url="tmpl/permissionlist.html" ng-controller="myPermissionController"></div>
                <div class="ui-layout-south">
                    <a class="btn btn-primary" href="#addpermission" aria-controls="addpermission" role="tab" data-toggle="tab" mt-tab >新建权限</a>
                    <button class="btn btn-primary" href="#modifypermission" aria-controls="modifypermission" role="tab" data-toggle="tab" mt-tab ng-disabled="selectedPermissions.length!=1">修改权限</button>
                    <button class="btn btn-primary" href="#removepermission" aria-controls="removepermission" data-toggle="modal" ng-disabled="selectedPermissions.length==0">删除权限</button>
                    <button class="btn btn-primary" href="#permissionroles" aria-controls="permissionroles" role="tab" data-toggle="tab" mt-tab ng-disabled="selectedPermissions.length!=1">设置权限角色</button>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="addpermission" ng-controller="addPermissionController">
                <ol class="breadcrumb">
                    <li>用户和权限</li>
                    <li><a href="../../user/permission">权限管理</a></li>
                    <li class="active">新建权限</li>
                </ol>
                <div mt-url="tmpl/addpermission.html"></div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="modifypermission" ng-controller="modifyPermissionController">
                <ol class="breadcrumb">
                    <li>用户和权限</li>
                    <li><a href="../../user/permission">权限管理</a></li>
                    <li class="active">修改权限</li>
                </ol>
                <div mt-url="tmpl/modifypermission.html"></div>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="permissionroles" mt-layout="{ spacing_open: 0 }" ng-controller="myRoleController">
                <div class="ui-layout-north">
                    <ol class="breadcrumb">
                        <li>用户和权限</li>
                        <li><a href="../../user/permission">权限管理</a></li>
                        <li class="active">设置权限角色</li>
                    </ol>
                </div>
                <div class="ui-layout-center" mt-url="tmpl/rolelist.html"></div>
                <div class="ui-layout-south">
                    <a class="btn btn-primary" href="#permissionlist" aria-controls="permissionlist" role="tab" data-toggle="tab" ng-click="ok()">保存</a>&nbsp;
                    <a class="btn btn-default" href="#permissionlist" aria-controls="permissionlist" role="tab" data-toggle="tab">取消</a>
                </div>
            </div>

        </div>
    </div>
    </div>
    <div mt-url="tmpl/removepermissiondlg.html" ng-controller="deletePermissionController"></div>
